<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="assets/images/ico.png" />
    <meta name="keywords" content="双界链接点，双界链接点官网，双界，双界官网，双界链接点预约，双界预约，金属章鱼，金属章鱼工作室" />
    <meta name="description" content="《双界：链接点》是一款注重故事表达与角色塑造的群像型幻想世界动作游戏。游戏以诸多关卡结合成的短篇故事为推进，每个短篇故事都讲述了一个主人公的故事，把剧情和战斗无缝结合在一起，从而形成庞大的短篇故事群，构建一个生动鲜活的世界" />
    <title>双界：链接点</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <script>
        var isMobile = /iphone|nokia|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|android|iPod/i.test(navigator.userAgent.toLowerCase()) ? true : false;
        if (isMobile) {
            window.location.href = "page.html";
        };
    </script>
</head>

<body oncontextmenu="window.event.returnValue=false">
    <div id="loading">
        <div class="mark"><span class="c1"></span><span class="c2"></span></div>
        <div class="load-vd-box">
            <div class="loading-icon"><i></i></div>
            <div class="load-box">
                <div class="load-line">
                    <div class="line-box">
                        <span style="width: 0"></span>
                    </div>
                </div>
                <p class="load-txt"></p>
            </div>
        </div>
    </div>
    <div class="wrapper" style="opacity: 0;">
        <div class="swiper-container sp-page">
            <div class="swiper-wrapper sp-wrapper">
                <div class="swiper-slide" id="box1">
                    <div class="mark"><span class="c1"></span><span class="c2"></span></div>
                    <a href="javascript:;" class="game-logo">双界：链接点</a>
                    <div class="bg-box"><video id="bg-video" preload="auto" autoplay="autoplay" loop="loop" muted="muted" src="video/kv-1.mp4"></video></div>
                    <div class="appointment-box">
                        <div class="btn-video btn-music-pause">
                            <a href="javascript:;" class="btn-play">视频</a>
                        </div>
                        <div class="appointment-txt">
                            <p class="txt">全平台预约人数</p>
                            <span class="num">0</span>
                        </div>
                        <a href="javascript:;" class="btn-appointment"><span>立即预约</span></a>
                    </div>
                    <div class="detail-box">
                        <span class="btn-music btn-music-no"></span>
                        <div class="btn-link">
                            <ul>
                                <li><a target="_blank" class="btn-weibo" href="https://weibo.com/u/7803200763">微博</a></li>
                                <li><a class="btn-weixin" href="javascript:;">微信</a></li>
                                <li><a class="btn-qq" href="javascript:;">QQ</a></li>
                                <li><a target="_blank" class="btn-bilibili" href="https://space.bilibili.com/3493085933734032">bilibili</a></li>
                                <li><a target="_blank" class="btn-taptap" href="javascript:;">taptap</a></li>
                                <li><a target="_blank" class="btn-baidu" href="javascript:;">百度</a></li>
                                <li><a target="_blank" class="btn-kuaiyou" href="javascript:;">快游</a></li>
                                <li><a target="_blank" class="btn-4399" href="javascript:;">4399</a></li>
                            </ul>
                        </div>
                        <a class="bg-cadpa" href="javascript:;"></a>
                    </div>

                </div>
                <div class="swiper-slide" id="box2">
                    <div class="mark"><span class="c1"></span><span class="c2"></span><span class="tit"></span></div>
                    <div class="kv-box"><video id="kv-video" preload="auto" loop="loop" muted="muted" src="video/kv-2.mp4"></video></div>
                    <div class="reward-box">
                        <ul>
                            <li><span>预约人数10w</span></li>
                            <li><span>预约人数25w</span></li>
                            <li><span>预约人数50w</span></li>
                            <li><span>预约人数100w</span></li>
                            <li><span>预约人数150w</span></li>
                            <li><span>预约人数200w</span></li>
                        </ul>
                    </div>
                </div>
                <div class="swiper-slide" id="box3">
                    <div class="mark"><span class="c1"></span><span class="c2"></span><span class="tit"></span></div>

                    <div class="sp-role-box">
                        <div class="sp-role role-1">
                            <span class="role-informrtion-line"></span>
                            <div class="role-informrtion-box">
                                <p class="info-name">岚杉瑟蒂奇<span class="btn-sound"></span></p>
                                <p class="info-tit">INFORMRTION</p>
                                <p class="info-txt">世辉都圣弈会执首宗古连的独女千金，因无法认同父亲泯灭人性的做法而只身离开家族。来到辰落之城后，加入了米琪奥事务所，试图寻求用自己的方式改变这座充满问题的城市。</p>
                            </div>
                            <div class="role-box">
                                <div id="role-1-show-img" class="video-role-show-img"></div>
                            </div>
                        </div>
                        <div class="sp-role role-2">
                            <span class="role-informrtion-line"></span>
                            <div class="role-informrtion-box">
                                <p class="info-name">德文艾璃<span class="btn-sound"></span></p>
                                <p class="info-tit">INFORMRTION</p>
                                <p class="info-txt">到米琪奥的觉醒波动影响，由猫咪幻化而成的少女。热情活泼，充满孩子般的正义感，热血不拘小节的性格导致她的行事虽然有些莽撞，内心深处却有着细腻的同情心。</p>
                            </div>
                            <div class="role-box">
                                <div id="role-2-show-img" class="video-role-show-img"></div>
                            </div>
                        </div>
                        <div class="sp-role role-3">
                            <span class="role-informrtion-line"></span>
                            <div class="role-informrtion-box">
                                <p class="info-name">穆神好<span class="btn-sound"></span></p>
                                <p class="info-tit">INFORMRTION</p>
                                <p class="info-txt">面上看起来可爱的小姑娘，实际是个人形记忆体。虽然平时迷迷糊糊，但内心极具判断力。虽然年纪小，但独立执行能力不输于任何人。喜欢打游戏。对于自己丢人的行为不想让别人知道。</p>
                            </div>
                            <div class="role-box">
                                <div id="role-3-show-img" class="video-role-show-img"></div>
                            </div>
                        </div>
                        <div class="sp-role role-4">
                            <span class="role-informrtion-line"></span>
                            <div class="role-informrtion-box">
                                <p class="info-name">荧茧<span class="btn-sound"></span></p>
                                <p class="info-tit">INFORMRTION</p>
                                <p class="info-txt">是尾琉团第三代当家，外形美艳，性格随性而慵懒，但个人战斗能力极强。热爱甜点，对小孩子非常有亲和力。</p>
                            </div>
                            <div class="role-box">
                                <div id="role-4-show-img" class="video-role-show-img"></div>
                            </div>
                        </div>
                        <div class="sp-role role-5">
                            <span class="role-informrtion-line"></span>
                            <div class="role-informrtion-box">
                                <p class="info-name">佘狙茹<span class="btn-sound"></span></p>
                                <p class="info-tit">INFORMRTION</p>
                                <p class="info-txt">验丰富、训练有素的前城市守卫队队长。随身携带使用多年的狙击枪，对她来说这就像自己的手臂一样。寡言少语，比起谈话更喜欢直接采取行动。</p>
                            </div>
                            <div class="role-box">
                                <div id="role-5-show-img" class="video-role-show-img"></div>
                            </div>
                        </div>
                        <div class="sp-role role-6">
                            <span class="role-informrtion-line"></span>
                            <div class="role-informrtion-box">
                                <p class="info-name">皎<span class="btn-sound"></span></p>
                                <p class="info-tit">INFORMRTION</p>
                                <p class="info-txt">蒂奇家的伴读，在岚杉加入事务所后紧随其后，只听命于岚杉一人。对待岚杉有过度保护的倾向。</p>
                            </div>
                            <div class="role-box">
                                <div id="role-6-show-img" class="video-role-show-img"></div>
                            </div>
                        </div>
                    </div>

                    <div class="sp-thumbs-box">
                        <div class="thumbs-container">
                            <ul id="thumbs-menu">
                                <li class="sp-thumbs thumbs-1">岚杉瑟蒂奇</li>
                                <li class="sp-thumbs thumbs-2">德文艾璃</li>
                                <li class="sp-thumbs thumbs-3">穆神好</li>
                                <li class="sp-thumbs thumbs-4">荧茧</li>
                                <li class="sp-thumbs thumbs-5">佘狙茹</li>
                                <li class="sp-thumbs thumbs-6">皎</li>
                            </ul>
                        </div>
                        <div class="role-btn role-next"></div>
                        <div class="role-btn role-prev"></div>
                    </div>

                </div>
                <div class="swiper-slide" id="box4">
                    <div class="mark"><span class="c1"></span><span class="c2"></span><span class="tit"></span></div>
                    <div class="swiper-container sp-gallery">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide gallery-1"><span>01</span></div>
                            <div class="swiper-slide gallery-2"><span>02</span></div>
                            <div class="swiper-slide gallery-3"><span>03</span></div>
                            <div class="swiper-slide gallery-4"><span>04</span></div>
                            <div class="swiper-slide gallery-5"><span>05</span></div>
                        </div>
                        <div class="gallery-btn gallery-next"></div>
                        <div class="gallery-btn gallery-prev"></div>
                        <div class="swiper-pagination gallery-pagination"></div>
                    </div>
                    <div id="footer">
                        <div class="footer-box">
                            <a href="javascript:;" class="footer-logo">金属章鱼</a>
                            <div class="footer-txt">
                                <p>本公司游戏产品适合16岁（含）以上玩家娱乐</p>
                                <p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=46902302000706" target="_blank">琼公网安备 46902302000706号</a></p>
                                <p>©海南游戏厨房网络科技有限公司</p>
                                <p><a href="p/personal_privacy.html" target="_blank">用户协议</a>丨<a href="p/child_privacy.html" target="_blank">儿童协议</a>丨<a href="p/agreement_public.html" target="_blank">隐私政策</a>丨<a href="p/contact_us.html" target="_blank">联系我们</a></p>
                                <p>抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</p>
                                <p><a href="https://www.12377.cn/" target="_blank">违法和不良信息举报中心</a> 积极履行《网络游戏行业防沉迷自律公约》
                                </p>
                                <p><a href="https://beian.miit.gov.cn/" target="_blank">琼ICP备19002602号-2</a></p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="swiper-pagination page-pagination"></div>
        </div>


        <div id="layer_reward" class="layerbox">
            <span class="close" title="关闭">关闭</span>
            <div class="reward-pop">
                <ul class="iphone-box">
                    <li>
                        <input type="text" placeholder="输入手机号" id="phone">
                    </li>
                    <li>
                        <input type="text" placeholder="请输入验证码" id="code"><a href="javascript:;" class="no" id="get_code">获取验证码</a>
                    </li>
                </ul>
                <a href="javascript:;" class="btn-reward">立即预约</a>
            </div>
        </div>

        <div id="layer_msg" class="layerbox">
            <span class="close" title="关闭">关闭</span>
            <div class="msg-pop"></div>
        </div>

        <div id="layer_video" class="layerbox">
            <span class="close" title="关闭">关闭</span>
            <div class="video-pop"></div>
        </div>

        <div id="layer_cadpa" class="layerbox">
            <span class="close" title="关闭">关闭</span>
            <div class="cadpa-pop"></div>
        </div>

    </div>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/dataRloe.js"></script>
    <script src="assets/js/index.js"></script>


</body>

</html>